<template>
  <div>
    <h2>这是根组件</h2>
    <p>姓名：{{uname.toUpperCase() + '您好'}}</p>
    <p>年级：{{age }}</p>
    <p>{{flag ? '111111':'22222'}}</p>

    <!-- 标签的 v-html属性 相当于 innerhtml的意思 -->
    <p v-html="info">简介：</p>

    <!-- 标签的 v-text 属性 相当于 innertext的意思 -->
    <p v-text="uname"></p>
  </div>
</template>

<script>
// JavaScript
export default{
  // // 对象里面可以写很多东西，比如 data、methods、computed、watch、components.....
  // // data 用于存储数据，写法上要求data定义成函数，函数里面返回一个对象，所有的数据都放到这个返回的对象中
  data(){
    return{
      // 页面中用到的数据，都放到这里
      uname:'方士中',
      age:20,
      flag:true,
      info:'这是一个非常<strong>危险优秀</strong>的boy'
    }
  }
}
</script>

<style>
/* css样式 */
</style>
